/**
 * @copyright   2010-2017, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@include export("checkbox") {
    #{generate-class-name($titon-checkbox)} {
        @extend %placeholder-inline-block;

        input {
            display: none;
        }
    }

    #{generate-class-name($titon-checkbox, "toggle")} {
        @extend %placeholder-inline-block;
        background: theme-setting("bg-light");
        border: 1px solid theme-setting("border-accent");
        width: 1rem;
        height: 1rem;
        line-height: 1;
    }
}
